/* 设置提示框容器 */
.alert-container {
    margin: 0;
    padding: 15px;
    border-radius: 5px;
    display: none; /* 默认隐藏 */
    position: fixed; /* 固定位置 */
    top: 10px; /* 距离页面顶部10px */
    left: 50%; /* 使提示框居中 */
    transform: translateX(-50%); /* 将提示框水平居中 */
    z-index: 9999; /* 确保提示框在页面上层 */
    min-width: 250px; /* 提示框最小宽度 */
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* 添加阴影效果 */
}
/* 提示框的样式 */
.alert-success {
    background-color: #d4edda;
    border-color: #c3e6cb;
    color: #155724;
}

.alert-error {
    background-color: #f8d7da;
    border-color: #f5c6cb;
    color: #721c24;
}

.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
    color: #0c5460;
}

/* 关闭按钮的样式 */
.alert .close-btn {
    background: none;
    border: none;
    font-size: 16px;
    cursor: pointer;
    position: absolute; /* 使按钮定位于容器的右上角 */
    top: 5px;
    right: 10px;
    color: inherit;
}
.error-window {
    position: absolute;
    background-color: #f8d7da;
    color: #721c24;
    border: 1px solid #f5c6cb;
    border-radius: 5px;
    padding: 8px;
    display: none; /* 默认隐藏 */
    font-size: 0.9em;
    max-width: 200px;
    z-index: 10;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}